﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>LarryBlogCMS-Home</title>
  <meta name="renderer" content="webkit"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
  <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
  <meta name="apple-mobile-web-app-capable" content="yes">  
  <meta name="format-detection" content="telephone=no"> 
	<link rel="stylesheet" type="text/css" href="../common/layui/css/layui.css" media="all">
	<link rel="stylesheet" type="text/css" href="../common/bootstrap/css/bootstrap.css" media="all">
	<link rel="stylesheet" type="text/css" href="../common/global.css">
	<link rel="stylesheet" type="text/css" href="css/main.css" media="all">
</head>
<body ms-controller="pageData">
<div class="larry-wrapper">
    <!-- overview -->
	<div class="row state-overview">
		<div class="col-lg-3 col-sm-6 col-xs-3">
			<div class="panel">
				<div class="symbol userblue"> <i class="iconpx-f1c0"></i>
				</div>
				<div class="value">
					<a href="#">
						<h1 id="count1">{{@order.all}}</h1>
					</a>
					<p>订单总量</p>
				</div>
			</div>
		</div>
		<div class="col-lg-3 col-sm-6 col-xs-3">
			<div class="panel">
				<div class="symbol commred"> <i class="iconpx-e623"></i>
				</div>
				<div class="value">
					<a href="#">
						<h1 id="count2">{{@order.today}}</h1>
					</a>
					<p>今日订单</p>
				</div>
			</div>
		</div>
		<div class="col-lg-3 col-sm-6 col-xs-3">
			<div class="panel">
				<div class="symbol articlegreen">
					<i class="iconpx-e60b"></i>
				</div>
				<div class="value">
					<a href="#">
						<h1 id="count3">{{@schdule.all}}</h1>
					</a>
					<p>预定次数</p>
				</div>
			</div>
		</div>
		<div class="col-lg-3 col-sm-6 col-xs-3">
			<div class="panel">
				<div class="symbol rsswet">
					<i class="iconpx-check-circle"></i>
				</div>
				<div class="value">
					<a href="#">
						<h1 id="count4">{{@order.today}}</h1>
					</a>
					<p>今日预定</p>
				</div>
			</div>
		</div>
	</div>
	<!-- overview end -->
	<div class="row">
		<div class="col-lg-6 col-xs-6 col-sm-12">
			<div class="panel">
				<div class="panel-heading bm0">
					<span class='span-title'>俱乐部信息</span>
					<span class="tools pull-right"><a href="javascript:;" class="iconpx-chevron-down"></a></span>
				</div>
				<div class="panel-body" >
					<table class="table table-hover personal-task">
                         <tbody>
                         	<tr>
                         		<td>
                         			<strong>俱乐部名称</strong>： {{@club.name}}

                         		</td>
                         		<td>

                         		</td>
                         	</tr>
                           
                         	<tr>
                         		<td>
                                <strong>场馆数量</strong>： {{@club.stadiumCount}}

                                </td>
                                <td></td>
                         	</tr>
                         	<tr>
                         		<td>
                                <strong>场地数量</strong>：{{@club.placeCount}}
                                </td>
                                <td></td>
                         	</tr>
                         	<tr>
                         		<td>
                                <strong>发布活动量</strong>：{{@club.activityCount}}
                                </td>
                                <td></td>
                         	</tr>
                         	<tr>
                         		<td>
                                <strong>发布培训量</strong>：{{@club.trainCount}}
                                </td>
                                <td></td>
                         	</tr>
                         
                         	
                         </tbody>
					</table>
				</div>
			</div>
     
		</div>
		<div class="col-lg-6 col-xs-6 col-sm-12">

          <!-- 最新评论 -->
   

             <div class="panel">
                  <div class="panel-heading bm0">
                        <span class='span-title'>最新评论</span>
                        <span class="badge" style="background-color:#FF3333;"> new </span>
                        <span class="tools pull-right"><a href="javascript:;" class="iconpx-chevron-down"></a></span>
                  </div>
                  <div class="panel-body">
                       <table class="table table-hover personal-task">
                             <tbody>
                              <tr ms-for="($index,el) in @newComment">
                                <td>{{el.type.name}}</td>
                                <td>
                                  <a href="#" target="_blank">{{el.title}}</a>
                                </td>
                                <td class="col-md-5">{{el.createDate}}</td>
                            
                              </tr>

                             </tbody>
                       </table>
                  </div>
             </div>
		</div>
    
    
	</div>

</div>

<script type="text/javascript" src="../common/layui/layui.js"></script>
<script type="text/javascript" src="../common/avalon.js"></script>
<script type="text/javascript">
	layui.use(['jquery','layer','element'],function(){
		window.jQuery = window.$ = layui.jquery;
		window.layer = layui.layer;
        window.element = layui.element();

       $('.panel .tools .iconpx-chevron-down').click(function(){
       	   var el = $(this).parents(".panel").children(".panel-body");
       	   if($(this).hasClass("iconpx-chevron-down")){
       	   	   $(this).removeClass("iconpx-chevron-down").addClass("iconpx-chevron-up");
       	   	   el.slideUp(200);
       	   }else{
       	   	   $(this).removeClass("iconpx-chevron-up").addClass("iconpx-chevron-down");
       	   	   el.slideDown(200);
       	   }
       })
       var vm = avalon.define({
                $id: "pageData",
                order:{all:10,today:1},
                schdule:{all:10,today:5},
                club:{name:"山东动动吧体育文化有限公司",stadiumCount:5,placeCount:22,activityCount:11,trainCount:1},
                newComment:[{id:'1',type:{id:'1',name:'场馆'},title:'汪涵率众特工入侵地球',createDate:"2016-04-11 10:00:37"},
                          {id:'2',type:{id:'2',name:'培训'},title:'汪涵率众特工入侵地球2',createDate:"2016-04-11 10:00:37"},
                          {id:'3',type:{id:'3',name:'活动'},title:'汪涵率众特工入侵地球3',createDate:"2016-04-11 10:00:37"},
                          {id:'4',type:{id:'2',name:'培训'},title:'汪涵率众特工入侵地球4',createDate:"2016-04-11 10:00:37"}]
               
       })
   
      avalon.scan(document.body) //现在只要传入扫描范围的根节点就行
	});
</script>
<script type="text/javascript" src="jsplug/echarts.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>